$(function() {
	layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element', 'slider'], function(){
		 var laydate = layui.laydate //日期
		  ,laypage = layui.laypage //分页
		  ,layer = layui.layer //弹层
		  ,table = layui.table //表格
		  ,carousel = layui.carousel //轮播
		  ,upload = layui.upload //上传
		  ,element = layui.element //元素操作
		  ,slider = layui.slider //滑块
		table.render({
	    elem: '#score'
	    ,height: 420
	    ,url: 'selectScore' //数据接口
	    ,title: '成绩表'
	    ,page: true //开启分页
	    ,limit:5
	    ,limits:[5,10,15,20]
	    ,toolbar: 'default' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
	    ,totalRow: true //开启合计行
	    ,response : {
            statusCode : 200// 重新规定成功的状态码为 200，table 组件默认为 0
        }
	    ,parseData : function(res) { // res 即为原始返回的数据
            return {
                "count" : res.tol,
                "code" : res.status, // 解析接口状态
                "msg" : res.message, // 解析提示文本
                "data" : res.list
                // 解析数据列表
            };
        }
	    ,cols: [[ //表头
	      {type: 'checkbox', fixed: 'left'}
	     
	      ,{field: 'userId', title: '学员ID',align:'center', width:180}
	      ,{field: 'userName', title: '学员名字',align:'center', width: 300}
	      ,{field: 'score', title: '分数',align:'center', sort: true}
	      
	    ]]
	  });
		 
		 $("#add4").on("click", function() {
				layer.open({
					  type: 1,
					  title:'请选择文件',
					  skin: 'layui-layer-rim', //加上边框
					  area: ['500px', '200px'], //宽高
					  content: '<div class="layui-upload">\n'
						  +'	<a style="color:blue" id="geshi"><span>查看上传文件格式</span></a>\n'
						 +'	<br>\n'
						 +'	<button type="button" class="layui-btn layui-btn-primary" id="choose">选择文件</button>\n' 
						 +'	<br>\n'
						 +'	<br>\n'
						 +'	<button type="button"  class="layui-btn" id="upload">开始上传</button>\n'
						 +'	<br>\n'
						 +'	<br>\n'
						 +'	</div>'
					});
				
				
				$("body").on("click","#geshi",function(){
					
					layer.open({
						  type: 1,
						  title:'上传文件格式模板',
						  skin: 'layui-layer-rim', //加上边框
						  area: ['500px', '130px'], //宽高
						  content:'<table class="layui-table">\n'
							  +'<thead>\n'
							  +'<tr>\n'
							  +'<th>学号</th>\n'
							  +'<th>姓名</th>\n'
							  +'<th>分数</th>\n'
							 
							  +'</tr>\n'
							  +'</thead>\n'
							  +'</table>'
						});
					
				})
				


upload = layui.upload;

//指定允许上传的文件类型
              
upload.render({
	elem:'#choose',
	url:'/upload',
	method:'post',
	auto:false,  //选择文件后不自动上传
	bindAction:'#upload',  //触发上传的按钮
	accept:'file',
	acceptMime:'file/xls,file/xlsx',
	exts:'xls|xlsx',
	number:1,
	choose:function(obj){
		console.log("2222222222");
		obj.preview(function(index, file, result){
		      console.log(index); //得到文件索引
		      console.log(file); //得到文件对象
		      $(".layui-upload>span").remove();
		      $("#choose").after("<span>&nbsp;&nbsp;已选中文件：<strong>"+file.name+"["+file.size/1024+"kb]</strong></span>");//将选中的文件名显示出来
		})
	},
	before:function(obj){
		layer.load();
	},
	done:function(res,index,upload){
		layer.closeAll('loading');
		T.reload();
		layer.msg(res.msg);
		
		
	},
	error:function(index,upload){
		layer.closeAll('loading');
		layer.msg('系统错误');
	}

}) 
		 
		 })	 
		 
	})
})